<template>
	<div>
		<!-- 布局 -->
		<NuxtLayout :name="name">
			<nuxt-link to="/">
				<button>Home</button>
			</nuxt-link>

			<nuxt-link to="/category">
				<button>category</button>
			</nuxt-link>

			<nuxt-link to="/cart">
				<button>cart</button>
			</nuxt-link>

			<nuxt-link to="/profile">
				<button>profile</button>
			</nuxt-link>
			<!-- 页面占位 -->
			<NuxtPage></NuxtPage>
		</NuxtLayout>
	</div>
</template>

<script setup>
	// const name = 'default'
	const name = 'custom-layout'
</script>
